<template>
  <div class="root base-background-img">
    <div class="home" v-show="!from_supergame">
      <router-link to="/">
        <img src="~@/assets/ar/common/home.png">
      </router-link>
    </div>
    <div class="back" v-show="!from_supergame">
      <router-link to="/">
        <img src="~@/assets/ar/common/back.png">
      </router-link>
    </div>
    <div class='exitButton' v-show="from_supergame">
      <router-link to="/supergame/grade">
        <img src='~@/assets/home/exit.png'>
      </router-link>
    </div>
    <div class="biaoti">
      <img :src="biaotiImg">
    </div>
    <div class="title">
      <div v-if="title === 0">
        <ul class="ul-item">
          <li class="li-item" v-for='(item, index) in tabs' :key="index" :class="{'active': item.isSelected}" @click="setIndex(item, index)">
            <div class="text">{{item.text}}</div>
          </li>
        </ul>
        <div class="hanzi_router">
          <img :src="hanziImg">
          <div @click="hanziFun(0)" class="hanzi_class"></div>
          <div @click="hanziRouterFun(1)" class="hanzi_router_class"></div>
        </div>
      </div>
      <div v-if="title === 1">
        <div class="en_router">
          <img :src="yingwenImg">
          <div @click="hanziRouterFun(0)" class="en_class"></div>
          <div @click="hanziFun(1)" class="en_router_class"></div>
        </div>
        <ul class="ul-items">
          <li class="li-items" v-for='(item, index) in tabsS' :key="index" :class="{'active': item.isSelected}" @click="setIndex(item, index)">
            <div class="text">{{item.text}}</div>
          </li>
        </ul>
      </div>
    </div>
    <div class="shucai_item" v-if="type === 0">
      <img class="shucaiImg1" :src="shucaiImg1" @click="showVideoFun({info}, 0, 0)">
      <img class="shucaiImg2" :src="shucaiImg2" @click="showVideoFun({info}, 0, 1)">
      <img class="shucaiImg3" :src="shucaiImg3" @click="showVideoFun({info}, 0, 2)">
      <img class="shucaiImg4" :src="shucaiImg4" @click="showVideoFun({info}, 0, 3)">
      <img class="shucaiImg5" :src="shucaiImg5" @click="showVideoFun({info}, 0, 4)">
    </div>
    <div class="shuiguo_item" v-if="type === 1">
      <img class="shuiguoImg1" :src="shuiguoImg1" @click="showVideoFun({info}, 1, 0)">
      <img class="shuiguoImg2" :src="shuiguoImg2" @click="showVideoFun({info}, 1, 1)">
      <img class="shuiguoImg3" :src="shuiguoImg3" @click="showVideoFun({info}, 1, 2)">
      <img class="shuiguoImg4" :src="shuiguoImg4" @click="showVideoFun({info}, 1, 3)">
      <img class="shuiguoImg5" :src="shuiguoImg5" @click="showVideoFun({info}, 1, 4)">
      <img class="shuiguoImg6" :src="shuiguoImg6" @click="showVideoFun({info}, 1, 5)">
    </div>
    <div class="jiaotong_item" v-if="type === 2">
      <img class="jiaotongImg1" :src="jiaotongImg1" @click="showVideoFun({info}, 2, 0)">
      <img class="jiaotongImg2" :src="jiaotongImg2" @click="showVideoFun({info}, 2, 1)">
      <img class="jiaotongImg3" :src="jiaotongImg3" @click="showVideoFun({info}, 2, 2)">
      <img class="jiaotongImg4" :src="jiaotongImg4" @click="showVideoFun({info}, 2, 3)">
      <img class="jiaotongImg5" :src="jiaotongImg5" @click="showVideoFun({info}, 2, 4)">
    </div>
    <div class="haiyangshengwu_item" v-if="type === 3">
      <img class="haiyangshengwuImg1" :src="haiyangshengwuImg1" @click="showVideoFun({info}, 3, 0)">
      <img class="haiyangshengwuImg2" :src="haiyangshengwuImg2" @click="showVideoFun({info}, 3, 1)">
      <img class="haiyangshengwuImg3" :src="haiyangshengwuImg3" @click="showVideoFun({info}, 3, 2)">
      <img class="haiyangshengwuImg4" :src="haiyangshengwuImg4" @click="showVideoFun({info}, 3, 3)">
      <img class="haiyangshengwuImg5" :src="haiyangshengwuImg5" @click="showVideoFun({info}, 3, 4)">
    </div>
    <div class="huahui_item" v-if="type === 4">
      <img class="huahuiImg1" :src="huahuiImg1" @click="showVideoFun({info}, 4, 0)">
      <img class="huahuiImg2" :src="huahuiImg2" @click="showVideoFun({info}, 4, 1)">
      <img class="huahuiImg3" :src="huahuiImg3" @click="showVideoFun({info}, 4, 2)">
      <img class="huahuiImg4" :src="huahuiImg4" @click="showVideoFun({info}, 4, 3)">
      <img class="huahuiImg5" :src="huahuiImg5" @click="showVideoFun({info}, 4, 4)">
    </div>
    <div class="hanzi_item" v-if="type === 5">
      <img class="hanziImg1" :src="hanziImg1" @click="showVideoFun({info}, 5, 0)">
      <img class="hanziImg2" :src="hanziImg2" @click="showVideoFun({info}, 5, 1)">
      <img class="hanziImg3" :src="hanziImg3" @click="showVideoFun({info}, 5, 2)">
      <img class="hanziImg4" :src="hanziImg4" @click="showVideoFun({info}, 5, 3)">
      <img class="hanziImg5" :src="hanziImg5" @click="showVideoFun({info}, 5, 4)">
    </div>
    <div class="yingwen_item" v-if="type === 6">
      <img class="yingwenImg1" :src="yingwenImg1" @click="showVideoFun({info}, 6, 0)">
      <img class="yingwenImg2" :src="yingwenImg2" @click="showVideoFun({info}, 6, 1)">
      <img class="yingwenImg3" :src="yingwenImg3" @click="showVideoFun({info}, 6, 2)">
      <img class="yingwenImg4" :src="yingwenImg4" @click="showVideoFun({info}, 6, 3)">
      <img class="yingwenImg5" :src="yingwenImg5" @click="showVideoFun({info}, 6, 4)">
    </div>
    <div class="zhiwu_item" v-if="type === 7">
      <img class="zhiwuImg1" :src="zhiwuImg1" @click="showVideoFun({info}, 7, 0)">
      <img class="zhiwuImg2" :src="zhiwuImg2" @click="showVideoFun({info}, 7, 1)">
      <img class="zhiwuImg3" :src="zhiwuImg3" @click="showVideoFun({info}, 7, 2)">
      <img class="zhiwuImg4" :src="zhiwuImg4" @click="showVideoFun({info}, 7, 3)">
      <img class="zhiwuImg5" :src="zhiwuImg5" @click="showVideoFun({info}, 7, 4)">
    </div>
    <div class="konglong_item" v-if="type === 8">
      <img class="konglongImg1" :src="konglongImg1" @click="showVideoFun({info}, 8, 0)">
      <img class="konglongImg2" :src="konglongImg2" @click="showVideoFun({info}, 8, 1)">
      <img class="konglongImg3" :src="konglongImg3" @click="showVideoFun({info}, 8, 2)">
      <img class="konglongImg4" :src="konglongImg4" @click="showVideoFun({info}, 8, 3)">
      <img class="konglongImg5" :src="konglongImg5" @click="showVideoFun({info}, 8, 4)">
    </div>
    <div class="shijiemingzhi_item" v-if="type === 9">
      <img class="shijiemingzhiImg1" :src="shijiemingzhiImg1" @click="showVideoFun({info}, 9, 0)">
      <img class="shijiemingzhiImg2" :src="shijiemingzhiImg2" @click="showVideoFun({info}, 9, 1)">
      <img class="shijiemingzhiImg3" :src="shijiemingzhiImg3" @click="showVideoFun({info}, 9, 2)">
      <img class="shijiemingzhiImg4" :src="shijiemingzhiImg4" @click="showVideoFun({info}, 9, 3)">
      <img class="shijiemingzhiImg5" :src="shijiemingzhiImg5" @click="showVideoFun({info}, 9, 4)">
    </div>
    <div class="jiachongdongwu_item" v-if="type === 10">
      <img class="jiachongdongwuImg1" :src="jiachongdongwuImg1" @click="showVideoFun({info}, 10, 0)">
      <img class="jiachongdongwuImg2" :src="jiachongdongwuImg2" @click="showVideoFun({info}, 10, 1)">
      <img class="jiachongdongwuImg3" :src="jiachongdongwuImg3" @click="showVideoFun({info}, 10, 2)">
      <img class="jiachongdongwuImg4" :src="jiachongdongwuImg4" @click="showVideoFun({info}, 10, 3)">
      <img class="jiachongdongwuImg5" :src="jiachongdongwuImg5" @click="showVideoFun({info}, 10, 4)">
    </div>
    <div class="yeshengdongwu_item" v-if="type === 11">
      <img class="yeshengdongwuImg1" :src="yeshengdongwuImg1" @click="showVideoFun({info}, 11, 0)">
      <img class="yeshengdongwuImg2" :src="yeshengdongwuImg2" @click="showVideoFun({info}, 11, 1)">
      <img class="yeshengdongwuImg3" :src="yeshengdongwuImg3" @click="showVideoFun({info}, 11, 2)">
      <img class="yeshengdongwuImg4" :src="yeshengdongwuImg4" @click="showVideoFun({info}, 11, 3)">
      <img class="yeshengdongwuImg5" :src="yeshengdongwuImg5" @click="showVideoFun({info}, 11, 4)">
    </div>
    <video-ar @closeVideo="closeVideo" v-if="isshowvideo" :chinesesrc="chinesesrc" :englishsrc="englishsrc" :yinxiaosrc="yinxiaosrc" :baikesrc="baikesrc" :videosrc="videosrc"></video-ar>
  </div>
</template>

<script>
  import STATICPATH from '../../config.js'
  export default {
    name: 'ar',
    data () {
      return {
        from_supergame: false,
        title: 0,
        chinesesrc: '',
        englishsrc: '',
        yinxiaosrc: '',
        baikesrc: '',
        videosrc: '',
        isshowvideo: false,
        type: 0,
        biaotiImg: 'static/ar/img/title/biaoti.png',
        hanziImg: 'static/ar/img/title/hanzi.png',
        yingwenImg: 'static/ar/img/title/yingwen.png',
        tabs: [{
          index: 0,
          isSelected: 1,
          text: '蔬菜'
        }, {
          index: 1,
          isSelected: 0,
          text: '水果'
        }, {
          index: 2,
          isSelected: 0,
          text: '交通'
        }, {
          index: 3,
          isSelected: 0,
          text: '海洋生物'
        }, {
          index: 4,
          isSelected: 0,
          text: '花卉'
        }],
        tabsS: [{
          index: 7,
          isSelected: 0,
          text: '植物'
        }, {
          index: 8,
          isSelected: 0,
          text: '恐龙'
        }, {
          index: 9,
          isSelected: 0,
          text: '世界名址'
        }, {
          index: 10,
          isSelected: 0,
          text: '家宠动物'
        }, {
          index: 11,
          isSelected: 0,
          text: '野生动物'
        }],
        shucaiImg1: 'static/ar/img/shucai/1.png',
        shucaiImg2: 'static/ar/img/shucai/2.png',
        shucaiImg3: 'static/ar/img/shucai/3.png',
        shucaiImg4: 'static/ar/img/shucai/4.png',
        shucaiImg5: 'static/ar/img/shucai/5.png',
        shuiguoImg1: 'static/ar/img/shuiguo/pingguo.png',
        shuiguoImg2: 'static/ar/img/shuiguo/xiangjiao.png',
        shuiguoImg3: 'static/ar/img/shuiguo/caomei.png',
        shuiguoImg4: 'static/ar/img/shuiguo/liulian.png',
        shuiguoImg5: 'static/ar/img/shuiguo/lizhi.png',
        shuiguoImg6: 'static/ar/img/shuiguo/taozi.png',
        jiaotongImg1: 'static/ar/img/jiaotong/gonggongqiche.png',
        jiaotongImg2: 'static/ar/img/jiaotong/chuzuche.png',
        jiaotongImg3: 'static/ar/img/jiaotong/huoche.png',
        jiaotongImg4: 'static/ar/img/jiaotong/lunchuan.png',
        jiaotongImg5: 'static/ar/img/jiaotong/feiji.png',
        haiyangshengwuImg1: 'static/ar/img/haiyangshengwu/haixing.png',
        haiyangshengwuImg2: 'static/ar/img/haiyangshengwu/xiaochouyu.png',
        haiyangshengwuImg3: 'static/ar/img/haiyangshengwu/haitun.png',
        haiyangshengwuImg4: 'static/ar/img/haiyangshengwu/haima.png',
        haiyangshengwuImg5: 'static/ar/img/haiyangshengwu/haigui.png',
        huahuiImg1: 'static/ar/img/huahui/hehua.png',
        huahuiImg2: 'static/ar/img/huahui/meiguihua.png',
        huahuiImg3: 'static/ar/img/huahui/juhua.png',
        huahuiImg4: 'static/ar/img/huahui/shuixianhua.png',
        huahuiImg5: 'static/ar/img/huahui/mumianhua.png',
        hanziImg1: 'static/ar/img/hanzi/da.png',
        hanziImg2: 'static/ar/img/hanzi/xiao.png',
        hanziImg3: 'static/ar/img/hanzi/duo.png',
        hanziImg4: 'static/ar/img/hanzi/shao.png',
        hanziImg5: 'static/ar/img/hanzi/yu.png',
        yingwenImg1: 'static/ar/img/yingwen/a.png',
        yingwenImg2: 'static/ar/img/yingwen/b.png',
        yingwenImg3: 'static/ar/img/yingwen/c.png',
        yingwenImg4: 'static/ar/img/yingwen/d.png',
        yingwenImg5: 'static/ar/img/yingwen/e.png',
        zhiwuImg1: 'static/ar/img/zhiwu/zhuzi.png',
        zhiwuImg2: 'static/ar/img/zhiwu/liushu.png',
        zhiwuImg3: 'static/ar/img/zhiwu/songshu.png',
        zhiwuImg4: 'static/ar/img/zhiwu/bajiaoshu.png',
        zhiwuImg5: 'static/ar/img/zhiwu/rongshu.png',
        konglongImg1: 'static/ar/img/konglong/bawanglong.png',
        konglongImg2: 'static/ar/img/konglong/wanlong.png',
        konglongImg3: 'static/ar/img/konglong/jianlong.png',
        konglongImg4: 'static/ar/img/konglong/sanjiaolong.png',
        konglongImg5: 'static/ar/img/konglong/shachilong.png',
        shijiemingzhiImg1: 'static/ar/img/shijiemingzhi/tiananmen.png',
        shijiemingzhiImg2: 'static/ar/img/shijiemingzhi/dongfangmingzhuta.png',
        shijiemingzhiImg3: 'static/ar/img/shijiemingzhi/bisaxieta.png',
        shijiemingzhiImg4: 'static/ar/img/shijiemingzhi/ziyounvshenxiang.png',
        shijiemingzhiImg5: 'static/ar/img/shijiemingzhi/aifeiertieta.png',
        jiachongdongwuImg1: 'static/ar/img/jiachongdongwu/gou.png',
        jiachongdongwuImg2: 'static/ar/img/jiachongdongwu/gongji.png',
        jiachongdongwuImg3: 'static/ar/img/jiachongdongwu/e.png',
        jiachongdongwuImg4: 'static/ar/img/jiachongdongwu/mao.png',
        jiachongdongwuImg5: 'static/ar/img/jiachongdongwu/tuzi.png',
        yeshengdongwuImg1: 'static/ar/img/yeshengdongwu/kaola.png',
        yeshengdongwuImg2: 'static/ar/img/yeshengdongwu/laohu.png',
        yeshengdongwuImg3: 'static/ar/img/yeshengdongwu/changjinglu.png',
        yeshengdongwuImg4: 'static/ar/img/yeshengdongwu/xiongmao.png',
        yeshengdongwuImg5: 'static/ar/img/yeshengdongwu/daxiang.png',
        info: [
          [
            {
              videosrc: STATICPATH + '/ar/shucai/huanggua/huanggua.mp4',
              chinesesrc: STATICPATH + '/ar/shucai/huanggua/cucumber55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shucai/huanggua/cucumber55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shucai/huanggua/cucumber55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shucai/huanggua/cucumber55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shucai/dabaicai/dabaicai.mp4',
              chinesesrc: STATICPATH + '/ar/shucai/dabaicai/dabaicai_chinese.mp3',
              englishsrc: STATICPATH + '/ar/shucai/dabaicai/dabaicai_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/shucai/dabaicai/dabaicai_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/shucai/dabaicai/dabaicai_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shucai/donggua/donggua.mp4',
              chinesesrc: STATICPATH + '/ar/shucai/donggua/wintermelon55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shucai/donggua/wintermelon55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shucai/donggua/wintermelon55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shucai/donggua/wintermelon55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shucai/lajiao/lajiao.mp4',
              chinesesrc: STATICPATH + '/ar/shucai/lajiao/lajiao_chinese.mp3',
              englishsrc: STATICPATH + '/ar/shucai/lajiao/lajiao_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/shucai/lajiao/lajiao_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/shucai/lajiao/lajiao_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shucai/huluobo/huluobo.mp4',
              chinesesrc: STATICPATH + '/ar/shucai/huluobo/carrot55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shucai/huluobo/carrot55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shucai/huluobo/carrot55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shucai/huluobo/carrot55_audio_baike.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/shuiguo/apple/apple.mp4',
              chinesesrc: STATICPATH + '/ar/shuiguo/apple/apple55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shuiguo/apple/apple55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shuiguo/apple/apple55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shuiguo/apple/apple55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shuiguo/xiangjiao/xiangjiao.mp4',
              chinesesrc: STATICPATH + '/ar/shuiguo/xiangjiao/banana55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shuiguo/xiangjiao/banana55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shuiguo/xiangjiao/banana55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shuiguo/xiangjiao/banana55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shuiguo/caomei/caomei.mp4',
              chinesesrc: STATICPATH + '/ar/shuiguo/caomei/strawberry55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shuiguo/caomei/strawberry55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shuiguo/caomei/strawberry55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shuiguo/caomei/strawberry55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shuiguo/liulian/liulian.mp4',
              chinesesrc: STATICPATH + '/ar/shuiguo/liulian/durian55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shuiguo/liulian/durian55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shuiguo/liulian/durian55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shuiguo/liulian/durian55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shuiguo/lizhi/lizhi.mp4',
              chinesesrc: STATICPATH + '/ar/shuiguo/lizhi/litchi55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shuiguo/lizhi/litchi55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shuiguo/lizhi/litchi55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shuiguo/lizhi/litchi55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shuiguo/tao/tao.mp4',
              chinesesrc: STATICPATH + '/ar/shuiguo/tao/tao_chinese.mp3',
              englishsrc: STATICPATH + '/ar/shuiguo/tao/tao_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/shuiguo/tao/tao_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/shuiguo/tao/tao_baike.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/jiaotonggongju/gonggongqiche/gonggongqiche.mp4',
              chinesesrc: STATICPATH + '/ar/jiaotonggongju/gonggongqiche/bus55_audio.mp3',
              englishsrc: STATICPATH + '/ar/jiaotonggongju/gonggongqiche/bus55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/jiaotonggongju/gonggongqiche/bus55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/jiaotonggongju/gonggongqiche/bus55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/jiaotonggongju/chuzuche/chuzuche.mp4',
              chinesesrc: STATICPATH + '/ar/jiaotonggongju/chuzuche/taxi55_audio.mp3',
              englishsrc: STATICPATH + '/ar/jiaotonggongju/chuzuche/taxi55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/jiaotonggongju/chuzuche/taxi55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/jiaotonggongju/chuzuche/taxi55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/jiaotonggongju/huoche/huoche.mp4',
              chinesesrc: STATICPATH + '/ar/jiaotonggongju/huoche/train55_audio.mp3',
              englishsrc: STATICPATH + '/ar/jiaotonggongju/huoche/train55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/jiaotonggongju/huoche/train55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/jiaotonggongju/huoche/train55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/jiaotonggongju/lunchuan/lunchuan.mp4',
              chinesesrc: STATICPATH + '/ar/jiaotonggongju/lunchuan/ship55_audio.mp3',
              englishsrc: STATICPATH + '/ar/jiaotonggongju/lunchuan/ship55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/jiaotonggongju/lunchuan/ship55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/jiaotonggongju/lunchuan/ship55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/jiaotonggongju/plane/plane.mp4',
              chinesesrc: STATICPATH + '/ar/jiaotonggongju/plane/plane_chinese.mp3',
              englishsrc: STATICPATH + '/ar/jiaotonggongju/plane/plane_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/jiaotonggongju/plane/plane_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/jiaotonggongju/plane/plane_baike.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/haiyangdongwu/haixing/haixing.mp4',
              chinesesrc: STATICPATH + '/ar/haiyangdongwu/haixing/starfish55_audio.mp3',
              englishsrc: STATICPATH + '/ar/haiyangdongwu/haixing/starfish55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/haiyangdongwu/haixing/starfish55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/haiyangdongwu/haixing/starfish55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/haiyangdongwu/chou/chou.mp4',
              chinesesrc: STATICPATH + '/ar/haiyangdongwu/chou/chou_chinese.mp3',
              englishsrc: STATICPATH + '/ar/haiyangdongwu/chou/chou_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/haiyangdongwu/chou/chou_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/haiyangdongwu/chou/chou_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/haiyangdongwu/haitun/haitun.mp4',
              chinesesrc: STATICPATH + '/ar/haiyangdongwu/haitun/dolphin55_audio.mp3',
              englishsrc: STATICPATH + '/ar/haiyangdongwu/haitun/dolphin55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/haiyangdongwu/haitun/dolphin55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/haiyangdongwu/haitun/dolphin55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/haiyangdongwu/haima/haima.mp4',
              chinesesrc: STATICPATH + '/ar/haiyangdongwu/haima/seahorse55_audio.mp3',
              englishsrc: STATICPATH + '/ar/haiyangdongwu/haima/seahorse55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/haiyangdongwu/haima/seahorse55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/haiyangdongwu/haima/seahorse55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/haiyangdongwu/haigui/haigui.mp4',
              chinesesrc: STATICPATH + '/ar/haiyangdongwu/haigui/turtle55_audio.mp3',
              englishsrc: STATICPATH + '/ar/haiyangdongwu/haigui/turtle55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/haiyangdongwu/haigui/turtle55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/haiyangdongwu/haigui/turtle55_audio_baike.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/huahui/hehua/hehua.mp4',
              chinesesrc: STATICPATH + '/ar/huahui/hehua/lotusflower55_audio.mp3',
              englishsrc: STATICPATH + '/ar/huahui/hehua/lotusflower55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/huahui/hehua/lotusflower55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/huahui/hehua/lotusflower55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/huahui/rose/rose.mp4',
              chinesesrc: STATICPATH + '/ar/huahui/rose/rose_chinese.mp3',
              englishsrc: STATICPATH + '/ar/huahui/rose/rose_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/huahui/rose/rose_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/huahui/rose/rose_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/huahui/juhua/juhua.mp4',
              chinesesrc: STATICPATH + '/ar/huahui/juhua/chrysanthemum55_audio.mp3',
              englishsrc: STATICPATH + '/ar/huahui/juhua/chrysanthemum55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/huahui/juhua/chrysanthemum55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/huahui/juhua/chrysanthemum55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/huahui/shuixianhua/shuixianhua.mp4',
              chinesesrc: STATICPATH + '/ar/huahui/shuixianhua/narcissus55_audio.mp3',
              englishsrc: STATICPATH + '/ar/huahui/shuixianhua/narcissus55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/huahui/shuixianhua/narcissus55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/huahui/shuixianhua/narcissus55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/huahui/mumianhua/mumianhua.mp4',
              chinesesrc: STATICPATH + '/ar/huahui/mumianhua/kapok55_audio.mp3',
              englishsrc: STATICPATH + '/ar/huahui/mumianhua/kapok55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/huahui/mumianhua/kapok55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/huahui/mumianhua/kapok55_audio_baike.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/hanzi/da/da.mp4',
              chinesesrc: STATICPATH + '/ar/hanzi/da/qqs_big55_audio.mp3',
              englishsrc: STATICPATH + '/ar/hanzi/da/qqs_big55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/hanzi/da/qqs_big55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/hanzi/da/qqs_big55_audio.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/hanzi/xiao/xiao.mp4',
              chinesesrc: STATICPATH + '/ar/hanzi/xiao/small55_audio.mp3',
              englishsrc: STATICPATH + '/ar/hanzi/xiao/small55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/hanzi/xiao/small55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/hanzi/xiao/small55_audio.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/hanzi/duo/duo.mp4',
              chinesesrc: STATICPATH + '/ar/hanzi/duo/much55_audio.mp3',
              englishsrc: STATICPATH + '/ar/hanzi/duo/much55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/hanzi/duo/much55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/hanzi/duo/much55_audio.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/hanzi/shao/shao.mp4',
              chinesesrc: STATICPATH + '/ar/hanzi/shao/little55_audio.mp3',
              englishsrc: STATICPATH + '/ar/hanzi/shao/little55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/hanzi/shao/little55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/hanzi/shao/little55_audio.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/hanzi/yu/yu.mp4',
              chinesesrc: STATICPATH + '/ar/hanzi/yu/yu_chinese.mp3',
              englishsrc: STATICPATH + '/ar/hanzi/yu/yu_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/hanzi/yu/yu_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/hanzi/yu/yu_chinese.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/yingwen/A/A.mp4',
              chinesesrc: STATICPATH + '/ar/yingwen/A/qqs_a55_audio_en.mp3',
              englishsrc: STATICPATH + '/ar/yingwen/A/qqs_a55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/yingwen/A/qqs_a55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/yingwen/A/qqs_a55_audio_en.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/yingwen/B/B.mp4',
              chinesesrc: STATICPATH + '/ar/yingwen/B/B_english.mp3',
              englishsrc: STATICPATH + '/ar/yingwen/B/B_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/yingwen/B/B_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/yingwen/B/B_english.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/yingwen/C/C.mp4',
              chinesesrc: STATICPATH + '/ar/yingwen/C/c55_audio_en.mp3',
              englishsrc: STATICPATH + '/ar/yingwen/C/c55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/yingwen/C/c55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/yingwen/C/c55_audio_en.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/yingwen/D/D.mp4',
              chinesesrc: STATICPATH + '/ar/yingwen/D/d55_audio_en.mp3',
              englishsrc: STATICPATH + '/ar/yingwen/D/d55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/yingwen/D/d55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/yingwen/D/d55_audio_en.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/yingwen/E/E.mp4',
              chinesesrc: STATICPATH + '/ar/yingwen/E/e55_audio_en.mp3',
              englishsrc: STATICPATH + '/ar/yingwen/E/e55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/yingwen/E/e55_audio_en.mp3',
              baikesrc: STATICPATH + '/ar/yingwen/E/e55_audio_en.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/zhiwu/zhuzi/zhuzi.mp4',
              chinesesrc: STATICPATH + '/ar/zhiwu/zhuzi/bamboo55_audio.mp3',
              englishsrc: STATICPATH + '/ar/zhiwu/zhuzi/bamboo55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/zhiwu/zhuzi/bamboo55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/zhiwu/zhuzi/bamboo55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/zhiwu/liu/liushu.mp4',
              chinesesrc: STATICPATH + '/ar/zhiwu/liu/willow55_audio.mp3',
              englishsrc: STATICPATH + '/ar/zhiwu/liu/willow55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/zhiwu/liu/willow55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/zhiwu/liu/willow55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/zhiwu/song/song.mp4',
              chinesesrc: STATICPATH + '/ar/zhiwu/song/song_chinese.mp3',
              englishsrc: STATICPATH + '/ar/zhiwu/song/song_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/zhiwu/song/song_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/zhiwu/song/song_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/zhiwu/bajiao/bajiaoshu.mp4',
              chinesesrc: STATICPATH + '/ar/zhiwu/bajiao/bananatree55_audio.mp3',
              englishsrc: STATICPATH + '/ar/zhiwu/bajiao/bananatree55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/zhiwu/bajiao/bananatree55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/zhiwu/bajiao/bananatree55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/zhiwu/rongshu/rongshu.mp4',
              chinesesrc: STATICPATH + '/ar/zhiwu/rongshu/banyantree55_audio.mp3',
              englishsrc: STATICPATH + '/ar/zhiwu/rongshu/banyantree55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/zhiwu/rongshu/banyantree55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/zhiwu/rongshu/banyantree55_audio_baike.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/konglong/bawanglong/bawanglong.mp4',
              chinesesrc: STATICPATH + '/ar/konglong/bawanglong/tyrannosaurusrex55_audio.mp3',
              englishsrc: STATICPATH + '/ar/konglong/bawanglong/tyrannosaurusrex55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/konglong/bawanglong/tyrannosaurusrex55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/konglong/bawanglong/tyrannosaurusrex55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/konglong/wanlong/wanlong.mp4',
              chinesesrc: STATICPATH + '/ar/konglong/wanlong/brachiosaurus55_audio.mp3',
              englishsrc: STATICPATH + '/ar/konglong/wanlong/brachiosaurus55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/konglong/wanlong/brachiosaurus55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/konglong/wanlong/brachiosaurus55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/konglong/jianlong/jianlong.mp4',
              chinesesrc: STATICPATH + '/ar/konglong/jianlong/stegosaurus55_audio.mp3',
              englishsrc: STATICPATH + '/ar/konglong/jianlong/stegosaurus55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/konglong/jianlong/stegosaurus55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/konglong/jianlong/stegosaurus55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/konglong/sanjiaolong/sanjiaolong.mp4',
              chinesesrc: STATICPATH + '/ar/konglong/sanjiaolong/triceratops55_audio.mp3',
              englishsrc: STATICPATH + '/ar/konglong/sanjiaolong/triceratops55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/konglong/sanjiaolong/triceratops55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/konglong/sanjiaolong/triceratops55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/konglong/shachilong/shachilong.mp4',
              chinesesrc: STATICPATH + '/ar/konglong/shachilong/shachilong_chinese.mp3',
              englishsrc: STATICPATH + '/ar/konglong/shachilong/shachilong_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/konglong/shachilong/shachilong_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/konglong/shachilong/shachilong_baike.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/shijiemingzhi/tiananmen/tiananmen.mp4',
              chinesesrc: STATICPATH + '/ar/shijiemingzhi/tiananmen/tiananmen55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shijiemingzhi/tiananmen/tiananmen55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shijiemingzhi/tiananmen/tiananmen55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shijiemingzhi/tiananmen/tiananmen55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shijiemingzhi/mingzhuta/dongfangmingzhu.mp4',
              chinesesrc: STATICPATH + '/ar/shijiemingzhi/mingzhuta/theorientalpearltower55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shijiemingzhi/mingzhuta/theorientalpearltower55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shijiemingzhi/mingzhuta/theorientalpearltower55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shijiemingzhi/mingzhuta/theorientalpearltower55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shijiemingzhi/bishaxieta/bishaxieta.mp4',
              chinesesrc: STATICPATH + '/ar/shijiemingzhi/bishaxieta/theleaningtowerofpisa55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shijiemingzhi/bishaxieta/theleaningtowerofpisa55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shijiemingzhi/bishaxieta/theleaningtowerofpisa55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shijiemingzhi/bishaxieta/theleaningtowerofpisa55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shijiemingzhi/nvshen/nvshen.mp4',
              chinesesrc: STATICPATH + '/ar/shijiemingzhi/nvshen/nvshen_chinese.mp3',
              englishsrc: STATICPATH + '/ar/shijiemingzhi/nvshen/nvshen_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/shijiemingzhi/nvshen/nvshen_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/shijiemingzhi/nvshen/nvshen_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/shijiemingzhi/aifeiertieta/aifeiertieta.mp4',
              chinesesrc: STATICPATH + '/ar/shijiemingzhi/aifeiertieta/d2_eiffeltower55_audio.mp3',
              englishsrc: STATICPATH + '/ar/shijiemingzhi/aifeiertieta/d2_eiffeltower55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/shijiemingzhi/aifeiertieta/d2_eiffeltower55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/shijiemingzhi/aifeiertieta/d2_eiffeltower55_audio_baike.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/jiachongdongwu/dog/dog.mp4',
              chinesesrc: STATICPATH + '/ar/jiachongdongwu/dog/dog_chinese.mp3',
              englishsrc: STATICPATH + '/ar/jiachongdongwu/dog/dog_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/jiachongdongwu/dog/dog_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/jiachongdongwu/dog/dog_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/jiachongdongwu/gongji/gongji.mp4',
              chinesesrc: STATICPATH + '/ar/jiachongdongwu/gongji/cock55_audio.mp3',
              englishsrc: STATICPATH + '/ar/jiachongdongwu/gongji/cock55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/jiachongdongwu/gongji/cock55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/jiachongdongwu/gongji/cock55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/jiachongdongwu/e/e.mp4',
              chinesesrc: STATICPATH + '/ar/jiachongdongwu/e/goose55_audio.mp3',
              englishsrc: STATICPATH + '/ar/jiachongdongwu/e/goose55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/jiachongdongwu/e/goose55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/jiachongdongwu/e/goose55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/jiachongdongwu/mao/mao.mp4',
              chinesesrc: STATICPATH + '/ar/jiachongdongwu/mao/cat55_audio.mp3',
              englishsrc: STATICPATH + '/ar/jiachongdongwu/mao/cat55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/jiachongdongwu/mao/cat55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/jiachongdongwu/mao/cat55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/jiachongdongwu/tuzi/tuzi.mp4',
              chinesesrc: STATICPATH + '/ar/jiachongdongwu/tuzi/rabbit55_audio.mp3',
              englishsrc: STATICPATH + '/ar/jiachongdongwu/tuzi/rabbit55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/jiachongdongwu/tuzi/rabbit55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/jiachongdongwu/tuzi/rabbit55_audio_baike.mp3'
            }
          ],
          [
            {
              videosrc: STATICPATH + '/ar/yeshengdongwu/kaola/kaola.mp4',
              chinesesrc: STATICPATH + '/ar/yeshengdongwu/kaola/koala55_audio.mp3',
              englishsrc: STATICPATH + '/ar/yeshengdongwu/kaola/koala55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/yeshengdongwu/kaola/koala55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/yeshengdongwu/kaola/koala55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/yeshengdongwu/laohu/laohu.mp4',
              chinesesrc: STATICPATH + '/ar/yeshengdongwu/laohu/tiger55_audio.mp3',
              englishsrc: STATICPATH + '/ar/yeshengdongwu/laohu/tiger55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/yeshengdongwu/laohu/tiger55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/yeshengdongwu/laohu/tiger55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/yeshengdongwu/changjinglu/changjinglu.mp4',
              chinesesrc: STATICPATH + '/ar/yeshengdongwu/changjinglu/giraffe55_audio.mp3',
              englishsrc: STATICPATH + '/ar/yeshengdongwu/changjinglu/giraffe55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/yeshengdongwu/changjinglu/giraffe55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/yeshengdongwu/changjinglu/giraffe55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/yeshengdongwu/xiongmao/xiongmao.mp4',
              chinesesrc: STATICPATH + '/ar/yeshengdongwu/xiongmao/panda55_audio.mp3',
              englishsrc: STATICPATH + '/ar/yeshengdongwu/xiongmao/panda55_audio_en.mp3',
              yinxiaosrc: STATICPATH + '/ar/yeshengdongwu/xiongmao/panda55_audio_shout0.mp3',
              baikesrc: STATICPATH + '/ar/yeshengdongwu/xiongmao/panda55_audio_baike.mp3'
            },
            {
              videosrc: STATICPATH + '/ar/yeshengdongwu/elep/elep.mp4',
              chinesesrc: STATICPATH + '/ar/yeshengdongwu/elep/elep_chinese.mp3',
              englishsrc: STATICPATH + '/ar/yeshengdongwu/elep/elep_english.mp3',
              yinxiaosrc: STATICPATH + '/ar/yeshengdongwu/elep/elep_yinxiao.mp3',
              baikesrc: STATICPATH + '/ar/yeshengdongwu/elep/elep_baike.mp3'
            }
          ]
        ]
      }
    },
    created () {
      this.from_supergame = this.$store.state.supergame2ar
    },
    methods: {
      setIndex: function (item, index) {
        console.log(item)
        this.type = item.index
        this.hanziImg = 'static/ar/img/title/hanzi.png'
        for (let i = 0; i < this.tabs.length; i++) {
          this.tabs[i].isSelected = 0
          this.tabsS[i].isSelected = 0
        }
        if (item.index > 4) {
          console.log('2222')
          console.log(item.index)
          console.log(this.tabsS[item.index - 7])
          this.tabsS[item.index - 7].isSelected = 1
        } else {
          console.log('111111')
          this.tabs[item.index].isSelected = 1
        }
        this.yingwenImg = 'static/ar/img/title/yingwen.png'
      },
      hanziFun: function (index) {
        for (let i = 0; i < this.tabs.length; i++) {
          this.tabs[i].isSelected = 0
          this.tabsS[i].isSelected = 0
        }
        if (index === 0) {
          this.hanziImg = 'static/ar/img/title/hanzi2.png'
          this.type = 5
        } else {
          this.type = 6
          this.yingwenImg = 'static/ar/img/title/yingwen2.png'
        }
      },
      hanziRouterFun: function (index) {
        console.log('hanziRouterFun')
        console.log(index)
        this.title = index
        console.log(this.title)
        if (index === 0) {
          this.type = 0
          console.log('0-=0')
          this.tabs[0].isSelected = 1
          this.hanziImg = 'static/ar/img/title/hanzi.png'
        } else {
          console.log('0-=011111')
          this.type = 6
          this.tabs[0].isSelected = 1
          this.hanziImg = 'static/ar/img/title/hanzi.png'
          this.yingwenImg = 'static/ar/img/title/yingwen2.png'
        }
      },
      showVideoFun: function (item, index1, index2) {
        this.chinesesrc = item.info[index1][index2].chinesesrc
        this.englishsrc = item.info[index1][index2].englishsrc
        this.yinxiaosrc = item.info[index1][index2].yinxiaosrc
        this.baikesrc = item.info[index1][index2].baikesrc
        this.videosrc = item.info[index1][index2].videosrc
        this.isshowvideo = true
      },
      closeVideo: function () {
        this.isshowvideo = false
      }
    }
  }
</script>

<style scoped>
.root {
  background: url(~@/assets/ar/common/bg.png);
  width: 1280px;
  height: 720px;
  position: absolute;
  margin: 0;
}
.root > div {
  position: absolute; 
}
.root > div {
  position: absolute; 
}
.home {
  top: 54px;
  left: 57px;
  z-index: 10;
}
.back {
  top: 153px;
  left: 57px;
  z-index: 10;
}
.biaoti {
  position: absolute;
  top: 37px;
  left: 419px;
}
.title {
  z-index: 10;
  top: 130px;
  left: 320px;
}
.hanzi_router {
  position: absolute;
  left: 535px;
  height: 45px;
  width: 106px;
}
.hanzi_class {
  clear: both;
  width: 75px;
  height: 45px;
  position: absolute;
  top: 0;
}
.hanzi_router_class {
  clear: both;
  width: 31px;
  height: 45px;
  position: absolute;
  top: 0;
  left: 75px;
}
.ul-item {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 45px;
  width: 535px;
  position: absolute;
}
.li-item {
  cursor: pointer;
  float: left;
  height: 45px;
  width: 106px;
  font-size: 16pt;
  color: #fff;
  text-align: center;
  line-height: 45px;
  border-right: 1px solid #fff;
  background-color: rgb(109, 166, 206);
}
.ul-items {
  margin: 0;
  padding: 0;
  list-style-type: none;
  height: 45px;
  width: 535px;
  position: absolute;
  left: 106px;
}
.li-items {
  cursor: pointer;
  float: left;
  height: 45px;
  width: 106px;
  font-size: 16pt;
  color: #fff;
  text-align: center;
  line-height: 45px;
  border-left: 1px solid #fff;
  background-color: rgb(109, 166, 206);
}
.en_router {
  left: 0;
  position: absolute;
  height: 45px;
  width: 106px;
}
.en_class {
  clear: both;
  width: 31px;
  height: 45px;
  position: absolute;
  top: 0;
}
.en_router_class {
  clear: both;
  width: 75px;
  height: 45px;
  position: absolute;
  top: 0;
  left: 31px;
}
.active {
  background-color: rgb(39, 118, 191);
}
.shucai_item > img {
  position: absolute;
}
.shuiguo_item > img {
  position: absolute;
}
.jiaotong_item > img {
  position: absolute;
}
.haiyangshengwu_item > img {
  position: absolute;
}
.huahui_item > img {
  position: absolute;
}
.hanzi_item > img {
  position: absolute;
}
.yingwen_item > img {
  position: absolute;
}
.zhiwu_item > img {
  position: absolute;
}
.konglong_item > img {
  position: absolute;
}
.shijiemingzhi_item > img {
  position:  absolute;
}
.jiachongdongwu_item > img {
  position: absolute;
}
.yeshengdongwu_item > img {
  position: absolute;
}
.shucaiImg1,.jiaotongImg1,.haiyangshengwuImg1,.huahuiImg1,
.hanziImg1,.yingwenImg1,.zhiwuImg1,.konglongImg1,
.shijiemingzhiImg1,.jiachongdongwuImg1,.yeshengdongwuImg1 {
  left: 285px;
  top: 280px;
}
.shucaiImg2,.jiaotongImg2,.haiyangshengwuImg2,.huahuiImg2,
.hanziImg2,.yingwenImg2,.zhiwuImg2,.konglongImg2,
.shijiemingzhiImg2,.jiachongdongwuImg2,.yeshengdongwuImg2 {
  left: 715px;
  top: 280px;
}
.shucaiImg3,.jiaotongImg3,.haiyangshengwuImg3,.huahuiImg3,
.hanziImg3,.yingwenImg3,.zhiwuImg3,.konglongImg3,
.shijiemingzhiImg3,.jiachongdongwuImg3,.yeshengdongwuImg3 {
  left: 152px;
  top: 445px;
}
.shucaiImg4,.jiaotongImg4,.haiyangshengwuImg4,.huahuiImg4,
.hanziImg4,.yingwenImg4,.zhiwuImg4,.konglongImg4,
.shijiemingzhiImg4,.jiachongdongwuImg4,.yeshengdongwuImg4 {
  left: 505px;
  top: 445px;
}
.shucaiImg5,.jiaotongImg5,.haiyangshengwuImg5,.huahuiImg5,
.hanziImg5,.yingwenImg5,.zhiwuImg5,.konglongImg5,
.shijiemingzhiImg5,.jiachongdongwuImg5,.yeshengdongwuImg5 {
  left: 844px;
  top: 445px;
}
.shuiguoImg1 {
  left: 152px;
  top: 280px;
}
.shuiguoImg2 {
  left: 505px;
  top: 280px;
}
.shuiguoImg3 {
  left: 844px;
  top: 280px;
}
.shuiguoImg4 {
  left: 152px;
  top: 445px;
}
.shuiguoImg5 {
  left: 505px;
  top: 445px;
}
.shuiguoImg6 {
  left: 844px;
  top: 445px;
}
.exitButton {
  right: 30px;
  top: 30px;
}
</style>
